مجله تکنولوژی

یکی از دلایلی که وردپرس را در میان کاربران محبوب کرده است، قابلیت سفارشی سازی آسان می باشد. شما می توانید با اضافه کردن CSS در وردپرس بخش های مختلف سایت را به شیوه دلخواه سفارشی سازی کنید. روش های مختلفی برای انجام اینکار وجود دارد که در ادامه مطلب آنها را به شما آموزش می دهیم. به همین منظور ما در این مطلب قصد داریم نحوه افزودن CSS سفارشی به وردپرس را در اختیار شما قرار دهیم. با ما همراه باشید.

CSS چیست؟

CSS یک زبان شیوه نامه است که ظاهر ساختار اصلی وب سایت شما را که در HTML نوشته شده است، تغییر می دهد. این قابلیت به شما این امکان را می دهد تا ویژگی های مختلفی را مانند: رنگ، اندازه، طرح‌بندی و نمایش را به سایت خود اضافه کنید و آنها را متناسب با سلیقه خود سفارشی نمائید. همچنین می توانید ظاهر پیش فرض بسیاری از قالب های وردپرس را نیز تنظیم کنید. بنابراین، اگر می خواهید طراحی و ظاهر دلخواهی را برای سایت خود داشته باشید، می توانید CSS سفارشی را به سایت وردپرس خود اضافه کنید.

آموزش اضافه کردن CSS در وردپرس

برای افزودن سی اس اس در وردپرس روش های مختلفی مانند افزونه و ویرایشگر پیش فرض وجود دارد که در ادامه مطلب آنها را به شما توضیح می دهیم. با ما همراه باشید تا شما را با نحوه اضافه کردن CSS در وردپرس آشنا کنیم.

1- آموزش اضافه کردن CSS به وردپرس با ویرایشگر کلاسیک

با بروزرسانی وردپرس به نسخه 5.9 بسیاری از قابلیت های آن اضافه شد که یکی از این امکانات، پیاده سازی CSS سفارشی می باشد. با این حال؛ اگر شما از ویرایشگر کلاسیک در سایت خود استفاده می کنید، می توانید به سادگی اقدام به اضافه کردن CSS در وردپرس نمائید.

برای انجام اینکار، در ابتدا وارد پیشخوان وردپرس خود شوید و سپس و سپس از بخش “ابزارها” روی گزینه “ویرایشگر پوسته” کلیک کنید. سپس کلاس های CSS را در stylesheet تعریف کنید. حال قالب فعال را انتخاب کنید و فایل قالب صفحه سبک را برای ویرایش فایل style.css باز نمائید.

سپس کلاس CSS و کد را با استفاده از ویرایشگر متن اضافه کنید. به عنوان مثال، بیایید یک کلاس justify-class برای توجیه متن اضافه کنیم.

حال منوی کشویی “پیشرفته” را باز کنید و سپس گزینه “کلاس CSS اضافی یا Additional CSS class” را در پایین صفحه پیدا نمائید. سپس کلاس CSS را در قسمت متن وارد کنید.

متن موجود در پاراگراف بلوک پس از افزودن کلاس justify-class توجیه می شود.

همچنین شما می توانید چندین کلاس CSS را با جدا کردن آنها با فاصله به یک بلوک اضافه نمائید.

2- افزودن CSS سفارشی به وردپرس با افزونه

بی تردید یکی از بهترین و ساده ترین روش های افزودن CSS سفارشی به وردپرس ، استفاده از یک افزونه وردپرس می باشد. افزونه های مختلفی در این خصوص ارائه شده که ما قصد داریم در ادامه بهترین آنها را به شما عزیزان معرفی کنیم.

2-1: افزونه Simple Custom CSS

یکی از بهترین افزونه های افزودن سی اس اس در وردپرس ، افزونه Simple Custom CSS می باشد. این افزونه به صورت رایگان در مخزن وردپرس به ثبت رسیده که می توانید به سادگی آن را در سایت خود فعال کنید. پس از فعال کردن افزونه در سایت، از بخش “نمایش” روی گزینه “سفارشی سازی CSS” کلیک کنید. حال می توانید به سادگی هر مقداری را که نیاز دارید در ویرایشگر وارد و تغییرات خود را ذخیره نمائید.

2-2: افزونه WP Add Custom CSS

افزونه WP Add Custom CSS یک ابزار عالی برای اضافه کردن CSS در وردپرس می باشد که می توانید از آن برای برای پیاده سازی CSS سفارشی وردپرس استفاده کنید. پس از نصب افزونه، یک گزینه در پیشخوان وردپرس شما ظاهر می شود. سپس از طریق آن می توانید CSSسفارشی را برای کل وب سایت خود اعمال کنید. همچنین در صورت نیاز می ‌توانید قوانین CSS مختلف را برای پست‌های جداگانه اعمال نمائید.

بیشتر بخوانید: پلاگین سوالات متداول Accordion FAQ

2-3: افزونه SiteOrigin CSS

یکی دیگر از روش های اضافه کردن فایل های css در وردپرس ، استفاده از افزونه SiteOrigin CSS می باشد. پس از فعال سازی افزونه، می توانید از بخش “نمایش” روی گزینه “CSSسفارشی” کلیک کنید. این افزونه دارای یک رابط ویرایشگر مناسب است که می توانید هر بخشی از سایت خود را انتخاب و آن را با استفاده از ابزارهای داخلی یا با افزودن کد به صورت دستی ویرایش نمائید.

2-4: افزونه Simple Custom CSS and JS

از جمله افزونه های دیگری که می توانید به کمک آن اقدام به اضافه کردن CSS در وردپرس نمائید، افزونه Simple Custom CSS and JS می باشد. این افزونه قابلیت های زیادی را برای سفارشی سازی در اختیار شما قرار می دهد که یکی از آنها امکان افزودن ورودی های جاوا اسکریپت سفارشی می باشد. پس از نصب افزونه، در بخش جداگانه ای در زیر پیشخوان شما ظاهر می شود. حال در این قسمت می ‌توانید ورودی‌های CSS سفارشی را مشابه نحوه ایجاد پست‌های وردپرس ایجاد نمائید.

3- آموزش افزودن CSS سفارشی به وردپرس با سفارشی ساز قالب

فرقی نمی کند که شما از چه قالبی در سایت خود استفاده می کنید، در هر صورت تمامی قالب ها دارای بخشی به نام “سفارشی ساز” هستند که به شما این امکان را می دهند تا به سادگی CSSسفارشی را به سایت خود اضافه کنید. برای دسرسی به این بخش، در ابتدا وارد پیشخوان وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “سفارشی ساز” کلیک نمائید. سپس صفحه از انتهای صفحه، روی تب ” CSS اضافی” کلیک کنید. حال می توانید خیلی ساده و بدون استفاده از افزونه، CSS دلخواه خود را به سایت اضافه نمائید.

بیشتر بخوانید: فعال سازی GZIP در وردپرس؛ 3 روش راه اندازی فشرده ‌سازی جی زیپ برای سایت

جمع بندی: آموزش ویرایش CSS در وردپرس

اگر قصد دارید قسمت های مختلف سایت خود را به گونه دلخواه تغییر دهید، افزودن CSS می تواند بهترین گزینه برای شما باشد. افزودن CSS سفارشی به وردپرس با استفاده از روش های مختلفی انجام می شود که ما در این مطلب به 3 مورد از آنها اشاره کردیم. امیدوارم این اموزش مورد رضایت شما عزیزان قرار گرفته باشد.

منبع: hostinger